.horv-sreen-layout {
    height: 100%;

    .layout-content {
        height: calc(~'(100% - 0.72rem)');
        padding: 0.2rem;
        box-sizing: border-box;
    }

    .layout-content-header {
        display: flex;
        height: 5.68rem;

        .app-moniter-container,
        .bns-container {
            width: 5.62rem;
        }

        .base-new-container,
        .app-moniter-container {
            margin-right: 0.2rem !important;
        }

        .base-new-container {
            width: 7.24rem;

            // :deep(.vpt-base-content) {
            //     height: 69.5%;
            // }

            // :deep(.vpt-base-bottom) {
            //     display: flex;
            //     margin-top: 0.32rem;
            //     height: 26.5%;
            // }

            // :deep(.vpt-grid-filter) {
            //     width: calc(~'(100% - 0.32rem) / 2');
            //     display: flex;
            //     flex-direction: column;
            //     height: 0;
            //     margin-bottom: 0;

            //     .vpt-base-tpml-item {
            //         margin-bottom: 0.2rem;
            //     }

            //     .vpt-base-tpl-1002 {
            //         box-sizing: border-box;
            //         padding: 0.2rem 0.2rem 0.4rem 0.2rem;

            //         .vpt-base-content {
            //             margin-top: 0.32rem;
            //         }

            //         .vpt-label-item {
            //             display: flex;
            //             flex-direction: column;

            //             .vpt-label {
            //                 margin-bottom: 0.2rem;
            //             }
            //         }
            //     }

            // }
        }

        .bns-container {
            :deep(.sm-data-echarts-layout) {
                height: 100%;
                flex-direction: column;

                .bns-container {
                    display: flex;
                    width: 100%;

                    .dv-wrapper {
                        flex: 1;

                        &:first-child {
                            box-shadow: none;
                        }
                    }
                }
            }
        }
    }

    .layout-content-footer {
        display: flex;
        align-items: center;
        height: 3.8rem;
        margin-top: 0.2rem;

        .active-user-container,
        .trace-container {
            width: calc(~'(100% - 0.16rem) / 2');
        }

        .active-user-container {
            margin-right: 0.16rem;
        }
    }
}